<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">

</head>
<body>
<div id="top">
    <div class="top-top1">
    <div class="top-top">
        <div class="top-left">
            <a href="javascript:;" class="come">欢迎来到丝芙兰</a>
            <a href="../login/login.html" class="i one" id="denglu">请登录</a>
            <a href="../personal/personal.html" class="i one " id="Hoverone">
                欢迎<span>xx</span>来到丝芙兰</a>
            <a href="../register/register.html" class="one" id="zhuce">免费注册</a>
            <a href="#" id="tuichu">退出登录</a>
            <a href="#" class="one" id="sjyzmdl">手机验证码登录</a>
        </div>
        <div class="top-center top-center-text">
            <div class="top-scroll">
            <ul>
                <li><a href="#" class="one">丝芙兰防诈骗公告</a></li>
                <li><a href="#" class="one">丝芙兰配送公告</a></li>
                <li><a href="#" class="one">丝芙兰正品承诺</a></li>
                <li><a href="#" class="one">常见问题</a></li>
            </ul>
            </div>
        </div>
        <div class="top-right">
            <span class="toprights">
                <span class="top-right-tu">
                </span>
                <a href="#" class="one top-right-one">我的丝芙兰</a>
                <span class="top-right-tu2 top-angle"></span>
                <ul class="top-right-mylist top-angle">
                    <li><a href="#" class="one">我的订单</a></li>
                </ul>
            </span>
            <span>
                <span class="top-right-tu3"></span>
                <a href="#" class="one">会员俱乐部</a>
            </span>
            <span class="toprighttf">
                <span class="top-right-tu4"></span>
                <a href="#" class="one">手机丝芙兰 <img src="https://ssl1.sephorastatic.cn/soa/pc/images/downQR2.png" alt="" class="top-right-img"></a>
            </span>
            <span>
                <a href="#" class="one">帮助中心</a>
            </span> 
        </div>
    </div>
</div>
</div>
<!-- 搜索框====================================================== -->
<div id="search">
    <div class="search-all">
        <div class="search-left">
            <a href="#"><img src="https://ssl1.sephorastatic.cn/soa/pc/images/sep_top_Logo.png" alt=""></a>
        </div>
        <div class="search-center">
            <div class="search-top">
                <div class="search-input">
                    <input type="text" placeholder="小众好物品OMG种草">
                </div>
                <a href="../search/seach.html"><div class="search-button">搜索</div></a>
                
            </div>
            <ul class="search-list">
                <a href="#" class="one">会员私享75折起</a>
                <a href="#" class="one">私家划算好物</a>
                <a href="#" class="one">经典囤货力荐</a>
                <a href="#" class="one">炎日基础护肤</a>
                <a href="#" class="one">人气彩香合辑</a>
                <a href="#" class="one">小众尖货精选</a>
            </ul>
        </div>
        <div class="search-right">
            <div class="search-main">
                <a href="#" class="search-a">
                    <em class="shopping-bag"></em>
                    购物袋
                    <span class="shopping-num">0</span>
                    件
                </a>
            </div>

            <div class="search-cart">
                <div class="search-active">
                    <em></em>
                    <span>购物车内暂时没有商品，登陆后将显示您之前加入的商品</span>
                    <a href="#">
                        <div>登录</div>
                    </a>
                </div>
            </div>
        </div>
        <a href="javascript:void(0);" class="search-bottom">
            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/06/banner/navigation_shopping.png" alt="">
        </a>
    </div>
</div>
<!-- 导航====================================================== -->
<div id="nav">
    <div class="nav-all">
        <div class="nav-left">
            <a href="javascript:;">全部商品类目</a>
            <div class="nav-list">
                <em class="nav-sxin"></em>
                <ul class="nav-ul">
                    <li class="erji">
                        <span class="ok">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>保湿</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">功效</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">保湿补水</a></li>
                            <li class="last"><a href="#" class="one">底妆修容</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span class="ok"></span> -->
                        <span class="ok ok2">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>护肤</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">护肤</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">打造"天鹅颈"</a></li>
                            <li class="last"><a href="#" class="one">Yes成分</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span></span> -->
                        <span class="ok ok3">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>彩妆</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">彩妆</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">秋日彩妆盘点</a></li>
                            <li class="last"><a href="#" class="one">彩妆惠选礼盒</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span></span> -->
                        <span class="ok ok4">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>香水</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">香水</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">秋日馨香盘点</a></li>
                            <li class="last"><a href="#" class="one">小众香氛</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span></span> -->
                        <span class="ok ok5">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>工具</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">工具</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">美容仪加持美力</a></li>
                            <li class="last"><a href="#" class="one">美妆蛋套装</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span></span> -->
                        <span class="ok ok6">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>男士</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">男士</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">男士赠礼</a></li>
                            <li class="last"><a href="#" class="one">水油平衡</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span></span> -->
                        <span class="ok ok7">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>洗浴护体</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">洗浴护体</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">洗护沐浴</a></li>
                            <li class="last"><a href="#" class="one">塑身纤体</a></li>
                        </ul>
                    </li>
                    <li class="erji"> 
                        <!-- <span></span> -->
                        <span class="ok ok8">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>美发护发</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">美发护发</a>
                        <ul class="nav-listul">
                            <li><a href="#" class="one">换季防脱</a></li>
                            <li class="last"><a href="#" class="one">润养秀发防毛躁</a></li>
                        </ul>
                    </li>
                    <li class="erji">
                        <!-- <span></span> -->
                        <span class="ok ok9">
                            <div class="ok-cont">
                                <div class="gx">
                                 <div class="gx-top">
                                        <em>肤食</em>
                                 </div>
                                 <div class="gx-center">
                                    <ul>
                                        <h3>保湿</h3>
                                        <li>
                                            <a href="#">舒缓</a>
                                            <a href="#">保湿补水</a>
                                        </li>
                                        <h3>清洁</h3>
                                        <li>
                                            <a href="#">去角质</a>
                                            <a href="#">卸妆清洁</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>美白</h3>
                                        <li>
                                            <a href="#">淡斑</a>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">淡化黑眼圈</a>
                                        </li>
                                        <h3>底妆修容</h3>
                                        <li>
                                            <a href="#">提亮肤色</a>
                                            <a href="#">遮瑕</a>
                                            <a href="#">隔离</a>
                                        </li>
                                        <h3>抗老</h3>
                                        <li>
                                            <a href="#">抗污染</a>
                                            <a href="#">抗皱</a>
                                            <a href="#">抗氧化</a>
                                        </li>
                                        <h3>紧致</h3>
                                        <li>
                                            <a href="#">淡化细纹</a>
                                            <a href="#">提拉紧致</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <h3>防晒</h3>
                                        <li>
                                            <a href="#">防晒</a>
                                            <a href="#">晒后修复</a>
                                        </li>
                                        <h3>控油</h3>
                                        <li>
                                            <a href="#">细致毛孔</a>
                                            <a href="#">祛痘</a>
                                        </li>
                                        <h3>百变妆容</h3>
                                        <li>
                                            <a href="#">炫色金属</a>
                                            <a href="#">魅惑哑光</a>
                                            <a href="#">亮泽水光</a>
                                            <a href="#">清新自然</a>
                                        </li>
                                    </ul>
                                 </div>
                                 <div class="gx-bottom">
                                     <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                                     <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                                     <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                                     <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                                 </div>
                                </div>
                                <a href="#">
                                <img src="https://ssl2.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/11/banner/hp_tiffany_20181102.jpg" alt="">
                               </a>
                            </div>
                        </span>
                        <a href="javascript:;">肤食</a>
                        <ul class="nav-listul">
                            <li class="last"><a href="#" class="one">胶原蛋白饮品</a></li>
                        </ul>
                    </li>
                </ul>
                <em class="nav-dxin"></em>
            </div>
        </div>
        <div class="nav-center">
            <ul class="nav-center-list">
                <li>
                    <a href="#" class="one">畅销榜单</a>
                </li>
                <li>
                    <a href="#" class="one">独家发售</a>
                </li>
                <li>
                    <a href="#" class="one">礼物套装</a>
                </li>
                <li>
                    <a href="#" class="one">全部品牌</a>
                </li>
                <li>
                    <a href="#" class="one">预约中心</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 轮播图======================================================= -->
<div id="hero">
    <div class="hero-info">
        <ul>
            <li>
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_junps_20210602.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_junpsew_20210602.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/05/banner/hp_youthineye_20210527.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/05/banner/hp_wei_20210527.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_live_20210602.jpg" alt="">
                </a>
            </li>

            
        </ul>
        <div class="hero-menu">
            <span class="hero-menu-left">
                <em class="icon"></em>
            </span>
            <span class="hero-menu-right">
                <em class="icon"></em>
            </span>
        </div>
        <ol class="hero-dots">

        </ol>
    </div>
</div>
<!-- ======================================================== -->
<div id="weekshow">
    <div class="weekshow-info">
        <div class="weekshow-info-all">
            <div class="weekshow-info-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/05/banner/hp_weeklyspecial_20210527.jpg" alt="">
                </a>
            </div>
            <div class="weekshow-info-right">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/05/banner/hp_lancome_20210528.jpg" alt="">
                </a>
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/05/banner/hp_guerlain_20210528.jpg" alt="">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 全部品牌================================================== -->
<div id="brand">
    <div class="brand-title">
        <div class="brand-title-left">
            <h2 class="brand-backimg"></h2>
        </div>
        <ul class="brand-title-right">
            <li>
                <a href="javascript:;" class="brand-active">热门品牌</a>
                <em></em>
            </li>
            <li>
                <a href="javascript:;" class="two dujia">独家品牌</a>
                <em></em>
            </li>
            <li>
                <a href="#" class="two">全部品牌</a>
            </li>
        </ul>
    </div>
    <div class="brand-body">
        <div class="brand-cont">
            <div class="brand-cont-left">
                <ul>
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_superbrand1_20210603.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_superbrand2_20210603.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="hero-menu">
                    <span class="hero-menu-left brand-menu ">
                        <em class="icon "></em>
                    </span>
                    <span class="hero-menu-right">
                        <em class="icon"></em>
                    </span>
                </div>
                <div class="drand-dots">
                    <span class="drand-dots-list"></span>
                    <span class="drand-dots-list"></span>
                </div>
            </div>
            <div class="brand-cont-right">
                <ul class="brand-showh">
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">丝芙兰</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">雅诗兰黛</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/dior/diorV3_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">Dior</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/babor/baborV2_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">芭宝</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">兰蔻</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/clarins/clarins_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">娇诗韵</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/loewe/loewe_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">罗意威</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/inoherbtang/inoherbtang_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">相宜本草唐</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/shiseido/shiseidoV2_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">资生堂</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/guerlain/guerlain_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">娇兰</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/elemis/elemis_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">艾丽美</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/burberry/burberry_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">博柏利</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/sk-ii/sk-ii_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">SK-II</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/givenchy/givenchy_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">纪梵希</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/maisonmargiela/maisonmargiela_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">MaisonMargiela</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/facesymbol/facesymbol_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">分子乐园</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                </ul>

                <ul id="brandclick" class="brand-showh">
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">丝芙兰</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/esthederm/esthederm_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">雅诗敦</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/wei/wei_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">蔚蓝之美</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/peterthomasroth/peterthomasroth_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">彼得罗夫</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/kenzo/kenzo_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">凯卓</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/loewe/loewe_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">罗意威</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/lancaster/lancaster_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">兰嘉丝汀</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/menardsp/menardsp_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">美伊娜多</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/mariedalgarcolorstudio/mariedalgarcolorstudio_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">玛丽黛佳玩色系列</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/maogepinglight/maogepinglight_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">毛戈平光韵</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/algenist/algenist_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">奥杰尼</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/bottegaveneta/bottegaveneta_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">葆蝶家</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/elemis/elemis_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">艾丽美</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/chaling/chaling_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">茶灵</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/miumiu/miumiu_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">缪缪</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/byterry/byterry_144X60.png" alt="">
                        </a>
                        <div class="brand-hoverh">
                            <div class="brand-ban">泰芮</div>
                            <a href="#" class="brand-linkh">点击查看</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 精品============================================ -->
<div id="pick">
    <div class="pick-title">
        <div class="pick-title-left">
            <h2 class="pick-backimg"></h2>
        </div>
    </div>
    <div class="pick-info">
        <div class="pick-left">
            <div class="pick-contlist">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_whatsnew_20210604.jpg" alt="">
                </a>
                <ul class="pick-product">
                    <li>
                        <a href="#">
                            <div class="pick-brand">CAUDALIE</div>
                            <div class="pick-content">欧缇丽葡萄水保湿舒缓喷雾</div>
                            <div class="pick-pirce">￥60.00~￥504.00</div>
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/6/1/1/1_n_10821_180x180.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pick-brand">SEPHORACOLLECTION</div>
                            <div class="pick-content">丝芙兰柔和面部眼部卸妆水</div>
                            <div class="pick-pirce">￥129.00~￥193.00</div>
                            <img src="https://ssl4.sephorastatic.cn/products/V/S/1/0/1/9/7/8/7/1_n_10657_180x180.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="pick-right pick-left">
            <a href="#">
                <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/02/banner/hp_beautymaster_20210225.gif" alt="">
            </a>
        </div>
    </div>
    <!-- 护肤品======================================= -->
    <div class="skincare" id="hufu">
        <div class="brand-title">
            <div class="brand-title-left ">
                <a href="#">
                <h2 class="brand-backimg skincare-title"></h2>
                </a>
            </div>
            <div class="brand-title-right skincare-list">
                <li >
                    <a href="#" class="two">惠选套装</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">面部精华</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">美容仪</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">面膜</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">眼部护理</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">清洁</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">卸妆</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">Yes 成分</a>
                    <em>|</em>
                </li>
                <li>
                    <a href="#" class="two">全部</a>
                </li>
            </div>
        </div>
        <div class="skincare-body">
            <div class="skincare-body-cont">
                <div class="skincare-left">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_skinfloor_20210603.jpg" alt="">
                    </a>
                </div>
                <ul class="skincare-product">
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/1/5/6/1/7/1_n_09749_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">MENARDSP</div>
                            <div class="skincare-content skstyle">美伊娜多BEAUNESS...</div>
                            <div class="skincare-pirce skstyle">￥580.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/2/1/0/7/4/1_n_10855_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">GUERLAIN</div>
                            <div class="skincare-content skstyle">娇兰帝皇蜂姿蜜润修护精粹...</div>
                            <div class="skincare-pirce skstyle">￥640.00~￥1030.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/1/1/9/5/2/1_n_09253_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">ALGENIST</div>
                            <div class="skincare-content skstyle">奥杰尼活颜净衡面膜惠选套...</div>
                            <div class="skincare-pirce skstyle">￥340.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl1.sephorastatic.cn/products/5/5/6/0/6/9/1_n_10877_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">CLINIQUE</div>
                            <div class="skincare-content skstyle">倩碧面部眼部卸妆霜节日套...</div>
                            <div class="skincare-pirce skstyle">￥270.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/3/2/2/1_n_10828_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">LANCOME</div>
                            <div class="skincare-content skstyle">兰蔻新清滢柔肤水（粉水）</div>
                            <div class="skincare-pirce skstyle">￥330.00~￥435.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl4.sephorastatic.cn/products/V/S/1/0/1/4/8/2/9/1_n_09578_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">LANCOME</div>
                            <div class="skincare-content skstyle">兰蔻全新精华肌底液</div>
                            <div class="skincare-pirce skstyle">￥760.00~￥1880.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl3.sephorastatic.cn/products/5/5/4/2/1/0/1_n_10877_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">KENZO</div>
                            <div class="skincare-content skstyle">凯卓水润保湿霜套装</div>
                            <div class="skincare-pirce skstyle">￥490.00</div>
                        </a>
                    </li>
                    <li class="skincare-product-li">
                        <a href="#">
                            <div class="skincare-product-img">
                                <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/6/1/1/1_n_10821_180x180.jpg" alt="">
                            </div>
                            <div class="skincare-brand skstyle">CAUDALIE</div>
                            <div class="skincare-content skstyle">欧缇丽葡萄水保湿舒缓喷雾</div>
                            <div class="skincare-pirce skstyle">￥60.00~￥504.00</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="skincare-footer">
            <div class="skincare-footer-cont">
                <ul class="skincare-footer-ul">
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/sk-ii/sk-ii_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/peterthomasroth/peterthomasroth_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li> 
                    <li>
                        <a href="#">
                            <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/caudalie/caudalie_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li> 
                    <li class="skincare-last"> 
                        <a href="#">
                            <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/guerlain/guerlain_144X60.png" alt="">
                        </a>
                        <em></em>
                    </li>
                </ul>
            </div>
        </div>
</div>

<!-- 彩妆========================================================== -->
<div class="skincare" id="cz">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg makeup-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">丝绒无暇持妆系</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">有眉有眼</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">气垫粉底液</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">精选彩妆礼盒</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">口红大热色合集</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">全部</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_mufloor_20210603.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/3/5/3/1_n_10828_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">BOBBIBROWN</div>
                        <div class="skincare-content skstyle">芭比波朗羽柔蜜粉饼</div>
                        <div class="skincare-pirce skstyle">￥380.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/2/1/0/7/4/1_n_10855_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHUUEMURA</div>
                        <div class="skincare-content skstyle">植村秀自动眉笔</div>
                        <div class="skincare-pirce skstyle">￥140.00~￥260.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/5/3/8/1_n_10724_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">MarieDalgarColorStudio</div>
                        <div class="skincare-content skstyle">玛丽黛佳色彩工作室醉恋复...</div>
                        <div class="skincare-pirce skstyle">￥329.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/2/0/0/1_n_10727_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">GIVENCHY</div>
                        <div class="skincare-content skstyle">纪梵希明星四宫格散粉</div>
                        <div class="skincare-pirce skstyle">￥550.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/2/0/0/8/9/1_n_10727_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">3CE</div>
                        <div class="skincare-content skstyle">三熹玉 明星产品套装</div>
                        <div class="skincare-pirce skstyle">￥340.00~￥355.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/5/3/4/4/4/6/1_n_09369_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">MAOGEPING LIGHT</div>
                        <div class="skincare-content skstyle">塑颜立体鼻影粉</div>
                        <div class="skincare-pirce skstyle">￥420.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/7/7/9/1_n_10652_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">MAKEUPFOREVER</div>
                        <div class="skincare-content skstyle">MUFE X  POP ...</div>
                        <div class="skincare-pirce skstyle">￥430.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/2/0/8/8/3/1_n_10778_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">MAKEUPFOREVER</div>
                        <div class="skincare-content skstyle">玫珂菲饰底妆前乳</div>
                        <div class="skincare-pirce skstyle">￥380.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="skincare-footer">
        <div class="skincare-footer-cont">
            <ul class="skincare-footer-ul">
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/dior/dior_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/givenchy/givenchy_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/makeupforever/makeupforever_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/lancome/lancome_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/guerlain/guerlain_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/esteelauder/esteelauder_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/benefit/benefit_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li class="skincare-last"> 
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/giorgioarmani/giorgioarmani_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 香氛========================================================= -->
<div class="skincare" id="xf">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg fragrance-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">当季新春</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">高跟鞋香水</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">独家私香</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">"猎心斩男香"</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">宝宝香</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">中性香</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">补香"神器"</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">全部</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/05/banner/hp_frafloor_20210527.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/5/6/0/2/6/1_n_10877_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">BVLGARI</div>
                        <div class="skincare-content skstyle">宝格丽男士淡香水礼盒</div>
                        <div class="skincare-pirce skstyle">￥930.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/5/4/5/7/6/5/1_n_10379_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">LOEWE</div>
                        <div class="skincare-content skstyle">罗意威奇迹天光女款淡香水</div>
                        <div class="skincare-pirce skstyle">￥750.00~￥1075.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/0/6/3/1_n_10816_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">MIUMIU</div>
                        <div class="skincare-content skstyle">缪缪霓裳女士香水50ML</div>
                        <div class="skincare-pirce skstyle">￥820.00~￥1180.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/5/5/3/9/3/1_n_10688_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">LOCHERBER</div>
                        <div class="skincare-content skstyle">居家香氛 无花果玫瑰</div>
                        <div class="skincare-pirce skstyle">￥312.00~￥528.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/4/8/9/6/7/1/1_n_10157_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">TIFFANY&Co.</div>
                        <div class="skincare-content skstyle">TIFFANY & LO...</div>
                        <div class="skincare-pirce skstyle">￥990.00~￥1350.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/5/1/9/4/8/8/1_n_10415_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">CHLOE</div>
                        <div class="skincare-content skstyle">蔻依仙境花园系列香氛-北...</div>
                        <div class="skincare-pirce skstyle">￥1020.00~￥1780.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/5/0/8/4/9/0/1_n_10877_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Maison Margiela</div>
                        <div class="skincare-content skstyle">梅森马吉拉泡泡浴淡香水 ...</div>
                        <div class="skincare-pirce skstyle">￥1150.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/8/4/3/8/1_n_10241_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">AtelierCologne</div>
                        <div class="skincare-content skstyle">欧珑柑香随行铁盒</div>
                        <div class="skincare-pirce skstyle">￥520.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="skincare-footer">
        <div class="skincare-footer-cont">
            <ul class="skincare-footer-ul">
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/loewe/loewe_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/miumiu/miumiu_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/dior/dior_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/marcjacobs/marcjacobs_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/kenzo/kenzo_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/acquadiparma/acquadiparma_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/bvlgari/bvlgari_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li class="skincare-last"> 
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/gucci/gucci_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--工具 ============================================ -->
<div class="skincare" id="gj">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg tools-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">玫瑰金恋爱物语礼盒</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">独家网红刷</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">芭比波朗彩妆刷</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">眼影刷</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">化妆刷套组</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">宙斯美容仪</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">雅萌套装</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">全部</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_toolfloor_20210603.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/5/1/4/2/9/5/1_n_09446_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">beautyblender</div>
                        <div class="skincare-content skstyle">美妆蛋玫瑰丽人化妆海绵套...</div>
                        <div class="skincare-pirce skstyle">￥388.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/5/0/5/0/7/1_n_10815_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Dr.arrivo</div>
                        <div class="skincare-content skstyle">缪斯奢宠美容仪套装</div>
                        <div class="skincare-pirce skstyle">￥6888.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/0/5/7/1_n_10684_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHUUEMURA</div>
                        <div class="skincare-content skstyle">植村秀 55号刷</div>
                        <div class="skincare-pirce skstyle">￥480.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/5/3/9/6/9/5/1_n_10651_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SEPHORACOLLECTION</div>
                        <div class="skincare-content skstyle">丝芙兰蔻驰联名款茶玫瑰化...</div>
                        <div class="skincare-pirce skstyle">￥599.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/5/5/4/1/7/4/1_n_10651_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">ST.JOHN</div>
                        <div class="skincare-content skstyle">ST.JOHN夏日防晒清...</div>
                        <div class="skincare-pirce skstyle">￥168.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/4/7/8/1_n_10506_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Dr.arrivo</div>
                        <div class="skincare-content skstyle">Dr. Arrivo宙斯...</div>
                        <div class="skincare-pirce skstyle">￥14888.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/2/0/9/7/8/1_n_10797_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">FOREO</div>
                        <div class="skincare-content skstyle">露娜3净透舒缓洁面仪 刘...</div>
                        <div class="skincare-pirce skstyle">￥1580.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/4/9/5/1_n_10518_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">FOREO</div>
                        <div class="skincare-content skstyle">LUNA洁面仪BEAR ...</div>
                        <div class="skincare-pirce skstyle">￥3279.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="skincare-footer">
        <div class="skincare-footer-cont">
            <ul class="skincare-footer-ul">
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/beautyblender/beautyblender_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/shuuemura/shuuemura_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/makeupforever/makeupforever_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/drarrivo/drarrivo_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/tweezerman/tweezerman_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/mac/mac_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li class="skincare-last"> 
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/bobbibrown/bobbibrown_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--男士 ================================================ -->
<div class="skincare" id="ns">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg man-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">惠选套装</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">控油平衡</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">保湿水润</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">滋养紧致</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">剃须护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">眼部护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">全部</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_manfloor_20210603.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/5/5/6/0/6/1/1_n_10815_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">LABSERIES</div>
                        <div class="skincare-content skstyle">朗仕青春肌能三部曲礼盒2</div>
                        <div class="skincare-pirce skstyle">￥895.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/5/6/0/6/2/1_n_10815_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">LABSERIES</div>
                        <div class="skincare-content skstyle">朗仕锋范三部曲礼盒2</div>
                        <div class="skincare-pirce skstyle">￥1735.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/V/S/1/0/1/9/9/0/5/1_n_10828_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHISEIDO</div>
                        <div class="skincare-content skstyle">资生堂男士焕能肌活精华露</div>
                        <div class="skincare-pirce skstyle">￥540.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/9/0/4/1_n_10828_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHISEIDO</div>
                        <div class="skincare-content skstyle">资生堂新男士洁面膏</div>
                        <div class="skincare-pirce skstyle">￥200.00~￥400.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/V/S/1/0/2/0/2/5/5/1_n_10744_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">LABSERIES</div>
                        <div class="skincare-content skstyle">朗仕多效两部曲惠选套组</div>
                        <div class="skincare-pirce skstyle">￥445.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/2/0/4/6/6/1_n_10808_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHISEIDO</div>
                        <div class="skincare-content skstyle">资生堂男士尊享套组</div>
                        <div class="skincare-pirce skstyle">￥500.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/3/3/5/8/1_n_10890_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">BIOTHERM</div>
                        <div class="skincare-content skstyle">碧欧泉水动力三部曲惠选套...</div>
                        <div class="skincare-pirce skstyle">￥1025.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/1/5/5/6/4/1_n_09723_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">DTRT</div>
                        <div class="skincare-content skstyle">杜比丽夫新男士轻柔洁面乳...</div>
                        <div class="skincare-pirce skstyle">￥195.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="skincare-footer">
        <div class="skincare-footer-cont">
            <ul class="skincare-footer-ul">
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/labseries/labseries_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/biotherm/biotherm_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/dtrt/dtrt_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/shiseido/shiseido_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/skii/skii_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/dior/dior_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/clarins/clarins_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li class="skincare-last"> 
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/clinique/clinique_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 洗浴护体============================================ -->
<div class="skincare" id="xy">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg bodycare-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">惠选套装</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">沐浴清洁</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">身体护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">手部护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">胸部护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">足部护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">全部</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_bodyfloor_20210603.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/9/3/1/1_n_10852_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Fresh</div>
                        <div class="skincare-content skstyle">馥蕾诗暖意棕糖香沐浴露</div>
                        <div class="skincare-pirce skstyle">￥220.00~￥440.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/9/3/9/1_n_10680_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">KENZO</div>
                        <div class="skincare-content skstyle">凯卓感性滋养柔肤霜（大米...</div>
                        <div class="skincare-pirce skstyle">￥530.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/5/4/2/6/8/9/1_n_10815_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">KENZO</div>
                        <div class="skincare-content skstyle">凯卓唇情手护套装</div>
                        <div class="skincare-pirce skstyle">￥342.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/8/6/4/2/1_n_10291_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">DrJart</div>
                        <div class="skincare-content skstyle">蒂佳婷新锁水保湿沐浴露惠...</div>
                        <div class="skincare-pirce skstyle">￥178.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/8/6/3/9/1_n_10291_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">DrJart</div>
                        <div class="skincare-content skstyle">蒂佳婷新锁水保湿身体两部...</div>
                        <div class="skincare-pirce skstyle">￥416.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/4/7/4/2/8/1_n_10815_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">ELEMIS</div>
                        <div class="skincare-content skstyle">艾丽美山茶籽护理油惠选套...</div>
                        <div class="skincare-pirce skstyle">￥460.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/V/S/1/0/1/1/9/4/5/1_n_09253_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">ALGENIST</div>
                        <div class="skincare-content skstyle">奥杰尼赋活胶原蛋白身体乳...</div>
                        <div class="skincare-pirce skstyle">￥458.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/4/4/2/6/8/9/1_n_09788_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SEPHORACOLLECTION</div>
                        <div class="skincare-content skstyle">丝芙兰乳木果保湿滋润身体...</div>
                        <div class="skincare-pirce skstyle">￥169.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="skincare-footer">
        <div class="skincare-footer-cont">
            <ul class="skincare-footer-ul">
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/clarins/clarins_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/fresh/fresh_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/lancaster/lancaster_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/kenzoki/kenzoki_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/yaman/yaman_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/foreo/foreo_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li class="skincare-last"> 
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/nuxe/nuxe_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 美发护发========================================== -->
<div class="skincare" id="mh">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg haircare-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">惠选套装</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">美发工具</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">洗发产品</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">护发产品</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">头皮护理</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">美发产品</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">全部</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2021/06/banner/hp_hairfloor_20210603.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/4/9/7/1_n_10506_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">PERCYANDREED</div>
                        <div class="skincare-content skstyle">佩妍丽丰盈蓬松洗护套组</div>
                        <div class="skincare-pirce skstyle">￥376.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/8/0/5/6/1_n_10377_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">RENE FURTERER</div>
                        <div class="skincare-content skstyle">馥绿德雅固发育发洗发露6...</div>
                        <div class="skincare-pirce skstyle">￥716.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/4/8/4/1_n_10506_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">RENE FURTERER</div>
                        <div class="skincare-content skstyle">馥绿德雅头皮清润舒缓油</div>
                        <div class="skincare-pirce skstyle">￥280.00~￥560.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/5/4/9/4/5/9/1_n_10313_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHISEIDO PROFESSIONAL</div>
                        <div class="skincare-content skstyle">芯护理道芳氛头皮系列去屑...</div>
                        <div class="skincare-pirce skstyle">￥240.00~￥380.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl2.sephorastatic.cn/products/5/4/6/6/8/0/1_n_10877_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SYSTEM PROFESSIONAL</div>
                        <div class="skincare-content skstyle">德研丝轻盈保湿三重奏</div>
                        <div class="skincare-pirce skstyle">￥498.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/4/8/7/1_n_10506_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SYSTEM PROFESSIONAL</div>
                        <div class="skincare-content skstyle">德研丝秀发焕能角蛋白养护...</div>
                        <div class="skincare-pirce skstyle">￥696.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/4/8/2/1_n_10506_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SHISEIDO PROFESSIONAL</div>
                        <div class="skincare-content skstyle">护理道头皮生机系列洗发护...</div>
                        <div class="skincare-pirce skstyle">￥640.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/5/4/0/3/2/7/1_n_10468_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">PERCYANDREED</div>
                        <div class="skincare-content skstyle">佩妍丽滋润探索组</div>
                        <div class="skincare-pirce skstyle">￥188.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="skincare-footer">
        <div class="skincare-footer-cont">
            <ul class="skincare-footer-ul">
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/renefurterer/renefurterer_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/wcsfrontend/brand/percyandreed/percyandreed_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/systemprofessional/systemprofessional_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/sebastian/sebastian_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
                <li>
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/wcsfrontend/brand/wella/wella_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/sephoracollection/sephoracollection_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li>
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/labseries/labseries_144X60.png" alt="">
                    </a>
                    <em></em>
                </li> 
                <li class="skincare-last"> 
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/wcsfrontend/brand/nuxe/nuxe_144X60.png" alt="">
                    </a>
                    <em></em>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 肤食================================================= -->
<div class="skincare" id="fspl">
    <div class="brand-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg food-title"></h2>
            </a>
        </div>
        <ul class="brand-title-right skincare-list">
            <li >
                <a href="#" class="two">HAKUBI</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">ReFa</a>
                <em>|</em>
            </li>
            <li>
                <a href="#" class="two">Blackmores</a>
                <em>|</em>
            </li>
            
            <li>
                <a href="#" class="two">Swisse</a>
            </li>
        </ul>
    </div>
    <div class="skincare-body">
        <div class="skincare-body-cont">
            <div class="skincare-left">
                <a href="#">
                    <img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2020/01/banner/hp_foodfloor_20200109.jpg" alt="">
                </a>
            </div>
            <ul class="skincare-product">
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/4/3/4/3/1_n_09667_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Blackmores</div>
                        <div class="skincare-content skstyle">澳佳宝鲜活亮采红石榴水饮...</div>
                        <div class="skincare-pirce skstyle">￥369.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/0/0/4/9/1_n_08769_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">HAKUBI</div>
                        <div class="skincare-content skstyle">皓妍果味饮料买二赠一惠选...</div>
                        <div class="skincare-pirce skstyle">￥596.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/0/3/8/5/6/1_n_09788_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">ESTHE PRO LABO</div>
                        <div class="skincare-content skstyle">璞洛兰博果味型可吸果冻</div>
                        <div class="skincare-pirce skstyle">￥690.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/4/8/8/7/3/7/1_n_09788_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Swisse</div>
                        <div class="skincare-content skstyle">Swisse 葡萄籽风味...</div>
                        <div class="skincare-pirce skstyle">￥268.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/5/0/3/8/5/6/1_n_09788_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">ESTHE PRO LABO</div>
                        <div class="skincare-content skstyle">璞洛兰博果味型可吸果冻</div>
                        <div class="skincare-pirce skstyle">￥690.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl1.sephorastatic.cn/products/4/7/7/2/3/8/1_n_07449_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">HAKUBI</div>
                        <div class="skincare-content skstyle">皓妍果味饮料</div>
                        <div class="skincare-pirce skstyle">￥298.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/4/8/8/7/3/8/1_n_09788_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">Swisse</div>
                        <div class="skincare-content skstyle">Swisse 血橙胶原蛋...</div>
                        <div class="skincare-pirce skstyle">￥288.00</div>
                    </a>
                </li>
                <li class="skincare-product-li">
                    <a href="#">
                        <div class="skincare-product-img">
                            <img src="https://ssl4.sephorastatic.cn/products/5/1/2/9/1/2/1_n_10138_180x180.jpg" alt="">
                        </div>
                        <div class="skincare-brand skstyle">SEPHORACOLLECTION</div>
                        <div class="skincare-content skstyle">丝芙兰胶原蛋白肽果味饮品</div>
                        <div class="skincare-pirce skstyle">￥125.00</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 猜你喜欢=========================================== -->
<div id="youlike">
    <div class="like-title">
        <div class="brand-title-left ">
            <a href="#">
            <h2 class="brand-backimg like-title"></h2>
            </a>
        </div>
    </div>
    <div class="like-info">
        <div class="like-cont">
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/5/3/5/4/5/1/1_n_10644_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽葡萄水补水保湿舒缓喷雾</a>
                <div class="like-price">￥148.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/5/8/5/1_n_10890_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽葡萄活性精华爽肤水(粉色限量版)</a>
                <div class="like-price">￥380.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/4/3/2/6/6/1/1_n_07987_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽柔润保湿爽肤水</a>
                <div class="like-price">￥180.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/9/5/8/6/1_n_10890_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽葡萄活性精华爽肤水</a>
                <div class="like-price">￥380.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/5/5/8/8/1/7/1_n_10857_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽葡萄洁面摩丝</a>
                <div class="like-price">￥360.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/4/2/8/7/1_n_10852_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽舒缓保湿水凝霜（冰淇淋霜）</a>
                <div class="like-price">￥265.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/2/0/6/7/9/1_n_10890_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽葡萄源舒缓保湿精华液</a>
                <div class="like-price">￥360.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/5/4/5/7/3/5/1_n_10027_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">MENARDSP</div>
                <a href="#" class="like-name one">美伊娜多BEAUNESS套装</a>
                <div class="like-price">￥580.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/5/5/6/0/8/3/1_n_10521_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">MENARDSP</div>
                <a href="#" class="like-name one">美伊娜多 BEAUNESS 精华套装</a>
                <div class="like-price">￥580.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/5/6/2/3/1_n_09752_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">MENARDSP</div>
                <a href="#" class="like-name one">美伊娜多LISCIARE精华霜 A惠选套组</a>
                <div class="like-price">￥580.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/2/0/2/1/4/1_n_10694_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">MENARDSP</div>
                <a href="#" class="like-name one">BEAUNESS 精华水  A</a>
                <div class="like-price">￥580.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/5/4/5/7/3/3/1_n_10027_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">MENARDSP</div>
                <a href="#" class="like-name one">美伊娜多FAIRLUCENT亮颜套装</a>
                <div class="like-price">￥1200.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/products/5/5/5/1/1/2/1_n_10531_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">DIOR</div>
                <a href="#" class="like-name one">克丽丝汀迪奥烈艳蓝金唇膏 星光限量版</a>
                <div class="like-price">￥370.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/7/8/6/3/1_n_10216_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">GIVENCHY</div>
                <a href="#" class="like-name one">纪梵希高定香榭红丝绒唇膏套装</a>
                <div class="like-price">￥385.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/5/3/2/4/9/5/1_n_09698_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">DIOR</div>
                <a href="#" class="like-name one">克丽丝汀迪奥金艳幻彩唇膏</a>
                <div class="like-price">￥360.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/products/5/2/1/8/8/3/1_n_09437_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">LANCOME</div>
                <a href="#" class="like-name one">兰蔻菁纯柔雾哑光唇膏</a>
                <div class="like-price">￥370.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl1.sephorastatic.cn/products/V/S/1/0/1/9/0/2/0/1_n_10408_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">BOTTEGA VENETA</div>
                <a href="#" class="like-name one">葆蝶家幻境男士淡香氛</a>
                <div class="like-price">￥285.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl2.sephorastatic.cn/products/V/S/1/0/1/7/4/9/6/1_n_10185_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">BOTTEGA VENETA</div>
                <a href="#" class="like-name one">葆蝶家女士香氛</a>
                <div class="like-price">￥700.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl4.sephorastatic.cn/products/V/S/1/0/1/8/4/4/3/1_n_10241_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CHLOE</div>
                <a href="#" class="like-name one">蔻依仙境花园系列香氛-北国雪松</a>
                <div class="like-price">￥690.00</div>
            </div>
            <div class="like-list">
                <div class="like-main">
                    <a href="#">
                        <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/2/1/0/2/3/1_n_10818_280x280.jpg" alt="">
                    </a>
                </div>
                <div class="like-brand">CAUDALIE</div>
                <a href="#" class="like-name one">欧缇丽葡萄水补水保湿舒缓喷雾</a>
                <div class="like-price">￥504.00</div>
            </div>
        </div>
    </div>
</div>
<!-- 底部================================================ -->
<div id="footer">
    <div class="footer-info">
        <div class="footer-info-ico">
            <em class="footer-info-ico-em"></em>
            <span class="footer-cont-span">顺丰EMS速达</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back1"></em>
            <span class="footer-cont-span">丰富礼赠</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back2"></em>
            <span class="footer-cont-span">100%官方正品</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back3"></em>
            <span class="footer-cont-span">无障碍退款</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back4"></em>
            <span class="footer-cont-span">安全支付</span>
        </div>
    </div>
    <ul class="footer-map">
        <li>
            <a href="javascript:;" class="header">
                <span>购物流程</span>
            </a>
            <a href="#">
                <span>大宗采购/团购</span>
            </a>
            <a href="#">
                <span>丝芙兰预付卡章程</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="header">
                <span>支付/配送</span>
            </a>
            <a href="#">
                <span>在线支付</span>
            </a>
            <a href="#">
                <span>配送时间</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="header">
                <span>售后服务</span>
            </a>
            <a href="#">
                <span>退换货规定</span>
            </a>
            <a href="#">
                <span>退换及退款说明</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="header">
                <span>关于丝芙兰</span>
            </a>
            <a href="#">
                <span>公司介绍</span>
            </a>
            <a href="#">
                <span>联系我们</span>
            </a>
            <a href="#">
                <span>品牌合作 / Brand Collaboration</span>
            </a>
            <a href="#">
                <span>隐私政策</span>
            </a>
        </li>
        <li class="footer-hotline">
            <a href="javascript:;" class="hd">
                <span>网上订购咨询热线 : 400 670 0055</span>
            </a>
        </li>
    </ul>
</div>
<div class="footer-bottom">
    <div class="footer-bottom-cont">
        <ul class="bottom-center">
            <li class="bottom-id">
                <a href="#" class="bottom-records">沪公网安备 31010602003121号</a>
                <a href="#">ICP备案序号:沪ICP备05026645号</a>
                <a href="#">食品经营许可证</a>
                <a href="#">网站使用条款</a>
                <a href="#">严正声明</a>
            </li>
            <li class="bottom-info">
                <a href="#" class="bottom-text">本网站隶属于丝芙兰（上海）化妆品销售有限公司 (企业法人营业执照)</a>
                <a href="#" class="bottom-text">预付卡信息对接唯一标识 : 310101F5201530100309</a>
            </li>
        </ul>
    </div>
</div>
<!-- fixed============================================ -->
<div id="fixedtop" class="activet">
    <div class="search-all">
        <div class="search-left">
            <a href="#"><img src="https://ssl1.sephorastatic.cn/soa/pc/images/sep_top_Logo.png" alt=""></a>
        </div>
        <div class="search-center">
            <div class="search-top">
                <div class="search-input">
                    <input type="text" placeholder="小众好物品OMG种草">
            </div>
            <div class="search-button">搜索</div>
            </div>
        </div>
    </div>
</div>

<div id="fixedright" style="right: 104.5px;">
    <div class="fixed-cont">
        <ul>
            <li class="myaccont">
                <a href="#">
                    <em class="mytext">个人信息</em>
                    <em class="mytoolbar"></em>
                </a>
            </li>
            <li class="myaccont">
                <a href="#">
                    <em class="mytext">购物车</em>
                    <em class="mytoolbar mycart"></em>
                </a>
            </li>
            <li class="myaccont">
                <a href="#">
                    <em class="mytext">联系客服</em>
                    <em class="mytoolbar serviceOnline"></em>
                </a>
            </li>
            <li class="myaccont">
                <a href="#">
                
                        <img src="https://ssl1.sephorastatic.cn/soa/pc/images/downQR.png" alt="">
                  
                    <em class="mytoolbar qrCode"></em>
                </a>
            </li>
            <li class="myaccont">
                <a href="#">
                    <em class="mytext">返回顶部</em>
                    <em class="mytoolbar returnTop"></em>
                </a>
            </li>
        </ul>

    </div>
</div>

<div id="fixedleft" style="left: 104.5px;">
    <div class="fixedleft-cont">
        <div class="fixedleft-list">
            <a href="#hufu" class="fixedleft-span">护肤品类</a>
        </div>
        <div class="fixedleft-list">
            <a href="#cz" class="fixedleft-span">彩妆品类</a>
        </div>
        <div class="fixedleft-list">
            <a href="#xf" class="fixedleft-span">香氛品类</a>
        </div>
        <div class="fixedleft-list">
            <a href="#gj" class="fixedleft-span">工具品类</a>
        </div>
        <div class="fixedleft-list">
            <a href="#ns" class="fixedleft-span">男士品类</a>
        </div>
        <div class="fixedleft-list">
            <a href="#xy" class="fixedleft-span">洗浴护体</a>
        </div>
        <div class="fixedleft-list">
            <a href="#mh" class="fixedleft-span">美发护发</a>
        </div>
        <div class="fixedleft-list">
            <a href="#fspl" class="fixedleft-span">肤食品类</a>
        </div>
    </div>
</div>
</body>
<script src="../libs/animate.js"></script>
<script src="../libs/jquery.2.2.4.js"></script>
<script src="./index.js"></script>

<script>


</script>
</html>